export default function socialBlock({ info = {} }: any) {
  const toDesign = () => {
    window.location.href = '/#/editor';
  };
  const toBuy = () => {
    window.location.href = '/#/goods';
  };
  return (
    <div className="relative flex h-[700px] bg-[rgba(253,121,1,0.05)] ">
      <div className="relative left-[50%] ml-[-712px] mt-[50px] flex h-[600px] w-[1424px] items-center justify-between">
        <div className="ml-[60px] flex flex-col">
          <div className="mb-[20px] text-[50px]">{info.explanation}</div>
          <div className="mb-[40px] text-[#686B73]">
            优T提供了一个创意平台，用于定制多种服装产品。
          </div>
          <div className="flex gap-[10px]">
            <div
              onClick={() => toDesign()}
              style={{ border: '1px solid #FD7901' }}
              className="h-[70px] w-[154px] cursor-pointer rounded-[8px] bg-[#FD7901] text-center text-[28px] leading-[70px] text-[#ffffff]"
            >
              去创作
            </div>
            <div
              onClick={() => toBuy}
              style={{ border: '1px solid #FD7901' }}
              className="h-[70px] w-[154px] cursor-pointer rounded-[8px] text-center text-[28px] leading-[70px] text-[#FD7901]"
            >
              去购物
            </div>
          </div>
        </div>
        <div className="relative flex h-[600px] w-[900px]">
          <img className="swiper-item h-[600px] w-[900px]" src={info.picPath} alt="img" />
        </div>
      </div>
    </div>
  );
}
